<!-- app/View/Users/add.ctp -->
<div class="users form">
<h3><?php echo __('Meu Cadastro') ; ?></h3>
<?php
  echo $this->Form->create('User') ;
  echo $this->Form->input('id', array('type' => 'hidden'));
  echo $this->Form->input('nome', array('label'=>'Nome Completo', "class"=>"form-control", 'div' => array('class'=>'form-group col-md-8')));
  echo $this->Form->input('cpf', array('label'=>'CPF', "class"=>"form-control cpf", 'div' => array('class'=>'form-group col-md-4')));
  echo $this->Form->input('ddd', array('label'=>'DDD', "class"=>"form-control ddd",'type' => 'text', 'div' => array('class'=>'form-group col-md-1')));
  echo $this->Form->input('telefone', array('label'=>'Telefone', "class"=>"form-control", 'type' => 'number', 'lenght' => 10, 'div' => array('class'=>'form-group col-md-8')));
  echo $this->Form->input('cep', array("id"=>"cep", 'label'=>'CEP', "class"=>"form-control cep", 'div' => array('class'=>'form-group col-md-3')));
  echo $this->Form->input('endereco', array("id"=>"rua",'label'=>'Endereço', "class"=>"form-control", 'div' => array('class'=>'form-group col-md-7')));
  echo $this->Form->input('numero_endereco', array('label'=>'Nº', "class"=>"form-control", 'type' => 'number', 'lenght' => 8, 'div' => array('class'=>'form-group col-md-2')));
  echo $this->Form->input('complemento', array('label'=>'Complemento', "class"=>"form-control", 'div' => array('class'=>'form-group col-md-3')));
  echo $this->Form->input('bairro', array("id"=>"bairro",'label'=>'Bairro', "class"=>"form-control", 'div' => array('class'=>'form-group col-md-12')));
  echo '<div class="form-group col-md-6"><label for="estado">Estado</label>';
  echo $this->Form->select('estado', null, array("id"=>"estado", "class"=>"form-control"));
  echo '</div>';
  echo '<div class="form-group col-md-6"><label for="cidade">Cidade</label>';
  echo $this->Form->select('cidade', null, array("id"=>"cidade", "class"=>"form-control"));
  echo '</div>';
  echo '<hr/>';
  echo $this->Form->input('username', array('label'=>'Nome de Usuário', "class"=>"form-control", 'div' => array('class'=>'form-group col-md-12')));
  echo $this->Form->input('email', array('label'=>'E-mail', "class"=>"form-control", 'div' => array('class'=>'form-group col-md-12')));
  /*echo $this->Form->input('password', array('label'=>'Senha', "class"=>"form-control", 'div' => array('class'=>'form-group col-md-12')));
  echo $this->Form->input('password_confirm', array('label' => 'Confirmar Senha', 'maxLength' => 255, 'title' => 'Confirm password', 'type'=>'password', "class"=>"form-control", 'div' => array('class'=>'form-group col-md-12')));*/
  echo $this->Form->submit('Finalizar Alteração', array('class' => 'btn btn-default',  'title' => 'Clique aqui para finalizar o cadastro', 'div' => 'col-md-12')) ;
  echo $this->Form->end() ;
?>
</div>
<?php echo $this->Html->script('cidades-estados-1.2-utf8'); ?>
<script type="text/javascript">
window.onload = function() {
  new dgCidadesEstados({
    estado: document.getElementById('estado'),
    cidade: document.getElementById('cidade')
  });
  
  var encontraRuaPorCEP = function(){
    var cep = $("#cep").val().replace(/[^0-9]/, '');
    if(cep !== ""){
      var url = 'http://viacep.com.br/ws/'+cep+'/json';
      $.getJSON(url, function(json){
        $("#rua").val(json.logradouro);
        $("#bairro").val(json.bairro);/*
        $("#cidade").val(json.localidade);
        $("#estado").val(json.uf);*/

        new dgCidadesEstados({
          cidade: document.getElementById('cidade'),
          estado: document.getElementById('estado'),
          estadoVal: json.uf,
          cidadeVal: json.localidade
        });
      }).fail(function(){
        alert('CEP inexistente');
      });
    }
  };

  $("#cep").blur(encontraRuaPorCEP);
  encontraRuaPorCEP();
}
</script>
